<template>
  <div class="three">
    <div class="footBox">
      <ul>
        <li>
					<router-link to="/yingyuan">
						<div class="iconfont icon-dianying"></div>
						<span>电影/影院</span>
					</router-link>
        </li>
        <li>
					<router-link to="/shiping">
						<div class="iconfont icon-zhibo"></div>
						<span>视频</span>
					</router-link>
        </li>
        <li>
					<!-- <router-link to=""> -->
						<div class="iconfont icon-yingyuan"></div>
						<span>小视频</span>
					<!-- </router-link> -->
        </li>
        <li>
					<!-- <router-link to=""> -->
						<div class="iconfont icon-yanchu"></div>
						<span>演出</span>
					<!-- </router-link> -->
        </li>
        <li>
					<router-link :to="'/My/'+logintype">
						<div class="iconfont icon-wode"></div>
						<span>我的</span>
					</router-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
	name:"myFoot",
	data () {
		return {
			logintype:false
		}
	},
	mounted () {
		// this.$route.params.
	}
};
</script>

<style scoped>
@import url("/iconfont.css");

.footBox{
	margin-top: .133333rem;
	width: 100%;
}

.three span {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  transform: scale(0.83);
  text-align: center;
}

.three img {
  width: 25px;
  height: 25px;
}

.three li a{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.three li{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.three li div{
  font-size: 20px;
}

.three ul {
  display: flex;
  justify-content: space-around;
}

a.router-link-active{
	color: red;
}
</style>